<script>
  export default {
    name: 'Card',
    methods: {
      scrollIntoView() {
        const card = document.getElementById('card')
        card.scrollTop = card.scrollHeight
      },
    },
  }
</script>

<template>
  <div id="card" class="card">
    <slot />
  </div>
</template>

<style scoped lang="scss">
  .card {
    min-width: 300px;
    padding: 20px;
    flex: 1;
    background: #ffffff;
    border-radius: 8px;
    overflow-y: scroll;
  }
</style>
